var React = require('react-native');
var {View, Text, Image, StyleSheet} = React;

var RightArrow = React.createClass({
  getDefaultProps() {
    return {
      text: ''
    }
  },

  render() {
    return (
      <View style={[styles.view, this.props.style]}>
        <Text style={[styles.text, this.props.textStyle]}>{this.props.text}</Text>
        <Image source={require('img/right.png')} style={[styles.image, this.props.imageStyle]}/>
      </View>
    )
  }
});

var styles = StyleSheet.create({
  view: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'flex-end',
    alignItems: 'center',
    paddingTop: 3,
    paddingBottom: 15
  },
  text: {
    fontSize: 14,
    color: '#bbc1c6'
  },
  image: {
    marginLeft: 5,
    height: 15,
    width: 8
  }
})

module.exports = RightArrow;
